<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>表单</title>
	
	<!-- Bootstrap core CSS -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
	
</head>
<body>

	
	<form>
		<div class="form-group">
			<label for="exampleInputEmail1">Email address</label>
			<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
		</div>
	  	<div class="form-group">
			<label for="exampleInputPassword1">Password</label>
			<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
	  	</div>
	  	<div class="form-group">
			<label for="exampleInputFile">File input</label>
			<input type="file" id="exampleInputFile">
			<p class="help-block">Example block-level help text here.</p>
	  	</div>
	  	<div class="checkbox">
			<label>
		  		<input type="checkbox"> Check me out
			</label>
	  	</div>
	  	<button type="submit" class="btn btn-default">Submit</button>
	</form>

	
	<hr><hr>
	<h2>内联表单</h2>
	<form class="form-inline">
	  	<div class="form-group">
			<label for="exampleInputName2">Name</label>
			<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
	  	</div>
	  	<div class="form-group">
			<label for="exampleInputEmail2">Email</label>
			<input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
	  	</div>
	  	<button type="submit" class="btn btn-default">Send invitation</button>
	</form>

	
	<hr><hr>
	<h2>水平排列的表单</h2>	
	<form class="form-horizontal">
	  	<div class="form-group">
			<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
			<div class="col-sm-10">
		  		<input type="email" class="form-control" id="inputEmail3" placeholder="Email">
			</div>
	  	</div>
	  	<div class="form-group">
			<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
			<div class="col-sm-10">
		  		<input type="password" class="form-control" id="inputPassword3" placeholder="Password">
			</div>
	  	</div>
	  	<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
			  	<div class="checkbox">
					<label>
					  <input type="checkbox"> Remember me
					</label>
			  	</div>
			</div>
	  	</div>
	  	<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
		  		<button type="submit" class="btn btn-default">Sign in</button>
			</div>
	  	</div>
	</form>
	
	
	<hr><hr>
	<h2>下拉列表（select）</h2>
	<select class="form-control">
	  	<option>1</option>
	  	<option>2</option>
	  	<option>3</option>
	  	<option>4</option>
	  	<option>5</option>
	</select>
	
	
</body>
</html>